﻿@import "sitedefs.less";

/* FormToWizard button classes .prev & .next and the step li 'tabs' */
.prev
{
    float: left;
}

.next
{
    float: right;
}

#steps
{
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

    #steps li
    {
        font-size: 1.2em;
        float: left;
        padding: 0px 10px 10px 10px;
        color: @wizard_step_disabled_colour;
        text-shadow: 1px 1px 1px @layout_text_shadow;
    }

        #steps li span
        {
            font-size: 1em;
            display: block;
            padding-top: 10px;
            text-shadow: none;
        }

        #steps li.current
        {
            color: @wizard_step_enabled_colour;
            font-size: 1.5em;
            font-weight: bold;
        }

        #steps li:hover
        {
            color: @wizard_step_enabled_colour;
            font-size:1.2em;
            cursor: pointer;
        }

        #steps li.current:hover
        {
            color: @wizard_step_enabled_colour;
            font-size:1.5em;
            cursor: default;
        }

        #steps li.strict:hover
        {
            color: @wizard_step_disabled_colour;
            font-size:1.2em;
            cursor: default;
        }

        #steps li.strict.current:hover
        {
            color: @wizard_step_enabled_colour;
            font-size:1.5em;
            cursor: default;
        }

div .wizardPage {
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
}